<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	<meta http-equiv="X-UA-Compatible" content="IE=8">
    <title>我的资料</title>
	<link rel="stylesheet" href="../../bootstrap/css/bootstrap.min.css">
	<link rel="stylesheet" href="../../layui/css/layui.css">
	<link rel="stylesheet" href="../../css/swiper.min.css">
	<link rel="stylesheet" href="../../css/common.css">
	<link rel="stylesheet" href="../../css/default.css">
	<link rel="stylesheet" href="../../css/style.css">
	<link rel="stylesheet" type="text/css" href="css/profile.css"/>
</head>
<body>
	<div class="top_header_wrap"></div>
	    <!--#include file="../common/header.html" -->
		<!--广告-->
		<div class="banner">
			<div class="swiper-container swiper-container1">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img src="../../img/banner.jpg"></div>
					<div class="swiper-slide"><img src="../../img/banner.jpg"></div>
					<div class="swiper-slide"><img src="../../img/banner.jpg"></div>
				</div>
				<!-- Add Pagination -->
				<div class="swiper-pagination"></div>
			</div>
		</div>
		<!--内容-->
		<div class="main_container">
			<!-- 标题 -->
			<div class="main_title layui-row">
				<div class="layui-col-md3 layui-col-xs2">&nbsp;</div>
				<div class="main_text layui-col-md4 layui-col-xs8">个人中心&gt;我的资料</div>
			</div>
			<!-- 内容 -->
			<div class="main_content layui-row">
				<div class="content1 layui-col-md4 layui-col-xs2">&nbsp;</div>
				<div class="content2 layui-col-md4 layui-col-xs8">
					<div class="content_list">
						<div class="list list1">
							<div class="list_img">
								<img src="../../img/news01.jpg" class="my_potrait">
							</div>
							<div class="list_subhead">会员注册时间：<span id="register_time"></span></div>
						</div>
						<div class="list list2">
							<div class="list_img">
								<img src="../../img/news01.jpg" class="my_potrait">
							</div>
							<div class="list_subhead">会员充值时间：<span id="charge_time"></span></div>
						</div>
						<div class="list list3">
							<div class="list_img">
								<img src="../../img/news01.jpg" class="my_potrait">
							</div>
							<div class="list_subhead">会员到期时间：<span id="date_time"></span></div>
						</div>
						<div class="list list4 layui-row" style="display: none;">
							<div class="list_img">
								<img src="../../img/news01.jpg" class="my_potrait">
							</div>
							<div class="list_subhead layui-col-md3 layui-col-xs4" id="phone_num"></div>
							<div class="list_text layui-col-md9 layui-col-xs8">
								<a href="../password_alter.html">
									<span>更改号码</span>
								    <img src="../../img/temp/arrow_orange.png" >
								</a>
							</div>
						</div>
						<div class="list list5 layui-row">
							<div class="list_img">
								<img src="../../img/news01.jpg" class="my_potrait">
							</div>
							<div class="list_subhead layui-col-md3 layui-col-xs4">密码修改</div>
							<div class="list_subimg layui-col-md9 layui-col-xs8">
								<a href="../password_alter.html"><img src="../../img/temp/arrow_orange.png" ></a>
							</div>
							
						</div>
					</div>
				</div>
				<div class="content3 layui-col-md4 layui-col-xs2">&nbsp;</div>
			</div>
		</div>
		<!--尾部-->
		<div class="footer_container">
			
		</div>
	</div>
    <!-- js -->
    <script src="../../js/jquery-1.11.0.min.js"></script>
    <script src="../../layui/layui.all.js"></script>
	<script type="text/javascript" src="../../js/swiper.min.js"></script>
	<script type="text/javascript" src="../../bootstrap/js/bootstrap.min.js"></script>
	<script type="text/javascript" src="../../js/cookieUtils.js"></script>
    <script>
	   $(document).ready(function(){
		   $(".top_header_wrap").load("../common/header.html")
		   $(".footer_container").load("../common/footer.html")
		   var userId = GetCookie("userId");
		  $.ajax({
		  	type:"get",
		  	url:"http://47.111.188.27:8080/gsgkzyl/mine/center/"+userId,
		  	success:function(per){
		  		var data = per.data;
		  		var register_time = $('#register_time');
		  		var charge_time = $('#charge_time');
		  		var phone_num = $('#phone_num');
		  		var register_time = $('#register_time');
		  		var my_potrait = $('.my_potrait')
		  		
		  		register_time.html(data.regist_date)
		  		phone_num.html(data.mobile);
		  		charge_time.html(data.charge_date);
		  		my_potrait.attr('src',data.head_photo)
		  	}
		  });  
		    
		    
	   })
    </script>
</body>
</html>